html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table,  
caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent; 
}

html, body {
    height:100%;
}
.botonIngresar {
    margin-top:15px;
}

.logoHeader {
    float:left;
    margin-left:10px;
    margin-top:12px;    
    width:50px;
}

.footerPrincipal {
    background:#1a7ebc;
    clear:both;
    height:80px;
    margin-top:-80px;
    position:relative;
    width:100%;
}
.headerPrincipal {
    background:#BDC3C7;
    display:block;
    height:80px;
    width:100%;
}
.mainBody {
    overflow:auto;
    padding-bottom: 60px;
    padding-top:30px;
}
.wrapper {
    min-height:100%;
}

.nombreLogo{
    margin-left:-10px;
}
.nav > li:hover {
    border-bottom: solid;
}

.nav>.ocultar-inicio{
    display: none;
}

@media (min-width: 995px) and (max-width:1200px) {
    .navbar-lg .navbar-nav > li > a {
        padding-right:10px;
        padding-left:10px;
    } 
    .container{
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width:995px) {
    .nav>.ocultar-clase{        
        display: none;
    }
    .nav>.ocultar-inicio{
        display: block;
    }
    
    .navbar-nav > li > a{
        padding: 10px 6px;
    }
    .container{
        width: auto;
    }
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    color:#1a7ebc;
}